{extend name="list/list"}
{block name="header"}

        <div class="pet_grzx">

            <div class="pet_grzx_nr">
                <div class="pet_grzx_ico">
                    <img src="static/mobile/images/qq1.png" alt="">
                </div>
                <div class="pet_grzx_name">AamazeUI</div>
                <div class="pet_grzx_map">美国</div>
                <div class="pet_grzx_num_font">
                    我坐在水屋下边的平台看着大海，吹着海风，真的是太喜欢了。夜晚有好多小白鲨鱼，好多种鱼。
                </div>
                <div class="pet_grzx_num">
                    <span>653<i>喜欢</i></span>
                    <span>234<i>关注</i></span>
                    <span>34<i>文章</i></span>
                </div>

            </div>

                <div class="pet_article_like">
                    <div class="pet_content_main pet_article_like_delete">
                        <div data-am-widget="list_news" class="am-list-news am-list-news-default am-no-layout">
                            <div class="am-list-news-bd">
                                <ul class="am-list">
                                    <!--缩略图在标题右边-->

                                    {volist name="data" id="vo"}
                                    <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-right pet_list_one_block">
                                        <div class="pet_list_one_info">
                                            <div class="pet_list_one_info_r">
                                                <div class="pet_list_tag pet_list_tag_xxs">{$vo.cname}</div>
                                            </div>
                                            <div class="pet_list_one_info_l">
                                                <div class="pet_list_one_info_ico"><img src="static/mobile/images/a1.png" alt="" ></div>
                                                <div class="pet_list_one_info_name">{$vo.zuozhe} </div>
                                            </div>

                                        </div>
                                        <div class="am-u-sm-4 am-list-thumb">
                                            <a href="{:url('mobile/index/mulu',['id'=>$vo.sid])}" class="">
                                                <img src="/uploads/{$vo.photo}" class="pet_list_one_img" alt="" style="width: 60px; height: 80px;">
                                            </a>
                                        </div>
                                        <div class=" am-u-sm-8 am-list-main pet_list_one_nr">
                                            <h3 class="am-list-item-hd pet_list_one_bt"><a href="{:url('mobile/index/mulu',['id'=>$vo.sid])}" class="">{$vo.name}</a></h3>
                                            <div class="am-list-item-text pet_list_one_text" style="top: 35px">{$vo.desc}</div>

                                        </div>

                                    </li>
                                    {/volist}





                                </ul>
                            </div>

                        </div>

                    </div>


                <div class="pet_article_footer_info">Copyright(c)2015 PetShow All Rights Reserved</div>

         {/block}
        </div>

        <div class="pet_article_footer_info">Copyright(c)2015 PetShow All Rights Reserved</div>
    </div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/amazeui.min.js"></script>
<script>
    $(function(){

        // 动态计算新闻列表文字样式
        auto_resize();
        $(window).resize(function() {
            auto_resize();
        });
        $('.am-list-thumb img').load(function(){
            auto_resize();
        });
        $('.pet_article_like li:last-child').css('border','none');
        function auto_resize(){
            $('.pet_list_one_nr').height($('.pet_list_one_img').height());
            // alert($('.pet_list_one_nr').height());
        }
        $('.pet_article_user').on('click',function(){
            if($('.pet_article_user_info_tab').hasClass('pet_article_user_info_tab_show')){
                $('.pet_article_user_info_tab').removeClass('pet_article_user_info_tab_show').addClass('pet_article_user_info_tab_cloes');
            }else{
                $('.pet_article_user_info_tab').removeClass('pet_article_user_info_tab_cloes').addClass('pet_article_user_info_tab_show');
            }
        });

        $('.pet_head_gd_ico').on('click',function(){
            $('.pet_more_list').addClass('pet_more_list_show');
        });
        $('.pet_more_close').on('click',function(){
            $('.pet_more_list').removeClass('pet_more_list_show');
        });
    });

</script>
</body>
</html>